<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<title>亿拼惠平台</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name='viewport'
	content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' />
<!--[if lt IE 9]>
	<script src='${BASE_PATH}/static/js/html5shiv.js' type='text/javascript'></script>
	<script src='${BASE_PATH}/static/js/respond.min.js' type='text/javascript'></script>
	<![endif]-->
<link href='${BASE_PATH}/static/plugins/bootstrap/css/bootstrap.min.css'
	media='all' rel='stylesheet' type='text/css' />
<!-- ui -->
<link href='${BASE_PATH}/static/css/ui.css' media='all' rel='stylesheet'
	type='text/css' />
<!-- 自定义 -->
<link href='${BASE_PATH}/static/css/login.css' media='all'
	rel='stylesheet' type='text/css' />
	<link href='${BASE_PATH}/static/css/styles.css' media='all'
	rel='stylesheet' type='text/css' />
</head>
<body>
	<div id="base" class="">

		<form id="loginForm" role="form" action="<c:url value="/doLogin"/>"
			method="post">


			<!-- 背景 (动态面板) -->
			<div id="u2312" class="ax_default" data-label="背景"
				style="left: 0px; width: 100%;">
				<div id="u2312_state0" class="panel_state" data-label="State1"
					style="width: 100%;">
					<div id="u2312_state0_content" class="panel_state_content"
						style="margin-left: 0px;"></div>
				</div>
			</div>

			<!-- 登录面板 (动态面板) -->
			<div id="u2313" class="ax_default" data-label="登录面板"
				style="z-index: 1001; left: 0px; margin-left: 0px; width: 100%;">
				<div id="u2313_state0" class="panel_state" data-label="State1"
					style="height: 420px; width: 100%;">
					<div id="u2313_state0_content" class="panel_state_content"
						style="left: 50%; margin-left: -175px;">

						<!-- Unnamed (矩形) -->
						<div id="u2314" >
							<div id="u2314_div" class=""></div>
							<!-- Unnamed () -->
							<div id="u2315" class="text"
								style="display: none; visibility: hidden">
								<p>
									<span></span>
								</p>
							</div>
						</div>

						<!-- Unnamed (矩形) -->
						<div id="u2316" >
							<img id="u2316_img" class="img "
								src="${BASE_PATH}/static/images/login/transparent.gif">
							<!-- Unnamed () -->
							<div id="u2317" class="text" style="visibility: visible;">
								<p>
									<span>亿拼惠平台</span>
								</p>
							</div>
						</div>

						<!-- Unnamed (矩形) -->
						<div id="u2318" >
							<div id="u2318_div" class=""></div>
							<!-- Unnamed () -->
							<div id="u2319" class="text"
								style="display: none; visibility: hidden">
								<p>
									<span></span>
								</p>
							</div>
						</div>

						<!-- 登录按纽 (矩形) -->
						<div id="u2320"   style="cursor: pointer;">
							
							<button type="submit"  id="u2320_div">登 录</button>
						</div>
						

						<!-- 输入框 (组合) -->
						<div id="u2322" class="ax_default" data-label="输入框">

							<!-- 边框 (矩形) -->
							<div id="u2323"  >
								<img id="u2323_img" class="img "
									src="${BASE_PATH}/static/images/login/边框_u2323.png">
								<!-- Unnamed () -->
								<div id="u2324" class="text"
									style="visibility: visible; top: 15px; transform-origin: 148px 10px;">
									<p>
										<span></span>
									</p>
								</div>
							</div>

							<!-- 密码 (文本框) -->
							<div id="u2325"  data-label="密码">
								<input id="u2325_input" type="password" name="password" placeholder="密码" required name="password"  value="" maxlength="20"
									tabindex="0" style="color: #000">
							</div>

							<!-- 清除 (矩形) -->
							<div id="u2326" class="ax_default _默认样式 ax_default_hidden"
								data-label="清除"
								style="display: none; visibility: hidden; cursor: pointer;">
								<div id="u2326_div" class="" tabindex="0"></div>
								<!-- Unnamed () -->
								<div id="u2327" class="text" style="visibility: visible;">
									<p>
										<span></span>
									</p>
								</div>
							</div>
						</div>

						<!-- 输入框 (组合) -->
						<div id="u2328" class="ax_default" data-label="输入框">

							<!-- 边框 (矩形) -->
							<div id="u2329"  >
								<img id="u2329_img" class="img "
									src="${BASE_PATH}/static/images/login/边框_u2323.png">
								<!-- Unnamed () -->
								<div id="u2330" class="text"
									style="display: none; visibility: hidden">
									<p>
										<span></span>
									</p>
								</div>
							</div>

							<!-- 用户名 (文本框) -->
							<div id="u2331"  data-label="账号">
								<input id="u2331_input"  name="username" type="text" placeholder="账号" required maxlength="20" value="${username}"
									tabindex="0" style="color:#000;">
							</div>

							<!-- 清除 (矩形) -->
							<div id="u2332" 
								style="display: none; visibility: hidden; cursor: pointer;">
								<div id="u2332_div" class="" tabindex="0"></div>
								<!-- Unnamed () -->
								<div id="u2333" class="text" style="visibility: visible;">
									<p>
										<span></span>
									</p>
								</div>
							</div>
						</div>

						<!-- Unnamed (形状) -->
						<div id="u2334" >
							<img id="u2334_img" class="img "
								src="${BASE_login}/static/images/login/u2334.png">
							<!-- Unnamed () -->
							<div id="u2335" class="text"
								style="display: none; visibility: hidden">
								<p>
									<span style="font-family: '微软雅黑'; font-weight: 400;"></span>
								</p>
							</div>
						</div>

						<!-- Unnamed (形状) -->
						<div id="u2336" >
							<img id="u2336_img" class="img "
								src="${BASE_login}/static/images/login/u2336.png">
							<!-- Unnamed () -->
							<div id="u2337" class="text"
								style="display: none; visibility: hidden">
								<p>
									<span style="font-family: '微软雅黑'; font-weight: 400;"></span>
								</p>
							</div>
						</div>

						<!-- 警告提示 (动态面板) -->
						<div id="u2338" class="ax_default ax_default_hidden"
							data-label="警告提示" style="display: none; visibility: hidden;">
						
						
						
						</div>

						<!-- Unnamed (组合) -->
						<div id="u2345" class="ax_default">

							<!-- Unnamed (形状) -->
							<div id="u2346" >
								<img id="u2346_img" class="img "
									src="${BASE_login}/static/images/login/u2346.png">
								<!-- Unnamed () -->
								<div id="u2347" class="text"
									style="display: none; visibility: hidden">
									<p>
										<span style="font-family: '微软雅黑'; font-weight: 400;"></span>
									</p>
								</div>
							</div>

							<!-- Unnamed (形状) -->
							<div id="u2348" >
								<%-- <img id="u2348_img" class="img "
									src="${BASE_login}/static/images/login/u2348.png"> --%>
								<!-- Unnamed () -->
								<div id="u2349" class="text"
									style="display: none; visibility: hidden">
									<p>
										<span style="font-family: '微软雅黑'; font-weight: 400;"></span>
									</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- 底部版权 (动态面板) -->
			<div id="u2350" class="ax_default" data-label="底部版权"
				style="z-index: 1002;">
				<div id="u2350_state0" class="panel_state" data-label="State1"
					style="width: 1100px; height: 100px;">
					<div id="u2350_state0_content" class="panel_state_content">

						<!-- Unnamed (底部版权) -->

						<!-- Unnamed (矩形) -->
						<div id="u2352" >
							<img id="u2352_img" class="img "
								src="${BASE_PATH}/static/images/login/transparent.gif">
							<!-- Unnamed () -->
							<div id="u2353" class="text" style="visibility: visible;">
								<p>
									<span>Copyright © </span><a id="u2354" class="link"
										title="点击打开www.longfuinfo.com" tabindex="0"
										style="cursor: pointer;"><span>www.longfuinfo.com</span></a><span>,
										All Rights Reserved.</span>
								</p>
								<p>
									<span>Email : </span><a id="u2355" class="link" title=""
										tabindex="0" style="cursor: pointer;"><span>niufc@vip.qq.com</span></a><span>&nbsp;
										QQ: 0000</span>
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- <p class="pull-right"> <a href="javascript:void(0);"><small>忘记密码了？</small></a></p> -->
			${token}
		</form>
	</div>
	<!-- jQuery -->
	<script src='${BASE_PATH}/static/plugins/jquery/jquery.min.js'
		type='text/javascript'></script>
	<!-- jQuery验证 -->
	<script
		src='${BASE_PATH}/static/plugins/jquery-validate/jquery.validate.js'
		type='text/javascript'></script>
	<script
		src='${BASE_PATH}/static/plugins/jquery-validate/messages_zh.min.js'
		type='text/javascript'></script>
	<!-- jQuery form -->
	<script src='${BASE_PATH}/static/plugins/jquery-form/jquery.form.js'
		type='text/javascript'></script>
	<!-- layer弹出工具 -->
	<script src='${BASE_PATH}/static/plugins/layer/layer.js'
		type='text/javascript'></script>
	<!-- 自定义 -->
	<script src='${BASE_PATH}/static/js/custom-kit.js'
		type='text/javascript'></script>
	<script src='${BASE_PATH}/static/js/custom.js' type='text/javascript'></script>
	<script type="text/javascript">
		$(function() {
			if (window.top != window.self) {
				window.top.location.href = location.href;
			}
		});

		$("#loginForm").validate({
			messages : {
				username : {
					required : "请输入用户名"
				},
				password : {
					required : "请输入密码"
				}
			},
			submitHandler : function(form) {
				$(form).ajaxSubmit({
					success : function(data) {
						switch (data.flag) {
						case 3:
							Kit.alert("用户名或密码错误，请重新输入");
							return;
						case -1:
							Kit.alert("网络繁忙...，请刷新后重新登录");
							return;
						case 0:
							window.location.href = "${BASE_PATH}/main";
						}
					}
				});
			}
		});
	</script>
</body>
</html>